<template>
  <table>
    <tr v-for="(item) in list" :key="item.id">
      <td>{{ item.id }}</td>
      <td>{{ item.title }}</td>
      <td>
        <slot :row="item"></slot>
      </td>
    </tr>
  </table>
</template>

<script>
export default {
  data () {
    return {
      list: [
        { id: 1, title: '吃饭' },
        { id: 2, title: '睡觉' },
        { id: 3, title: '打豆豆' }
      ]
    }
  },
  methods: {}
}
</script>

<style scoped lang='scss'>
table {
  width: 60%;
}
table,
tr,
td {
  border: 1px solid blue;
}
td {
  padding: 20px;
}
</style>
